<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>测试文件上传单个文件</title>
    <link rel="stylesheet" href="../zujian/layui/css/layui.css">



</head>
<body>

<button type="button" class="layui-btn" id="test1111">
    <i class="layui-icon">&#xe67c;</i>上传图片
</button>

<script src="../zujian/layui/layui.all.js"></script>
<script>
    layui.use('upload', function(){
        let upload = layui.upload;

        //执行实例
        let uploadInst = upload.render({
            elem: '#test1111' //绑定元素
            ,method: 'POST'
            ,field:'file'
            ,auto:true
            ,size:10240//最大大小，单位kb，不支持ie8/9
            ,url: 'http://127.0.0.1:80/phptest01/phpTestJieShouPic.php' //上传接口
            //  ,url: 'http://127.0.0.1:803/testlayuiuploadpic' //上传接口
            ,accept:'file'//指定上传时校验的文件类型，file：所有文件
            ,done: function(res, index, upload){
                //获取当前触发上传的元素，一般用于 elem 绑定 class 的情况，注意：此乃 layui 2.1.0 新增
                let item = this.item;
                //上传完毕回调
                layer.alert("上传完毕: "+JSON.stringify(res)+"|"+index+"|"+upload);
            }
            ,error: function(){
                //请求异常回调
                layer.alert("请求接口异常");
            }

            //,size:50 //最大允许上传的文件大小
            //,……
        });


    });
</script>
</body>
</html>